/* MOBILE INDEX
============================================================================= */
  html .w-index {
    line-height: normal;
    margin: 1.25em 0 0;
    padding: 0;
  }

  .w-index .w-post-wrapper {
    position: relative;
    background: #000;
    display: block;
  }

  .w-index .w-index-outer {
    display: table;
    width: 100%;
  }

  .w-index .w-mobile-index-arrow {
    background: #3c3c3c;
    font-family: Arial, sans-serif;
    font-size: 50pt;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
  }

  .w-index .w-mobile-index-contents {
    padding: 5px;
    display: table-cell;
    color: #fff;
  }

  .w-index img {
    display: block;
    margin: 0 5px 5px 0;
  }

  .w-index .mobile-index-thumbnail {
    float: left;
  }

  /* cores dos fundos dos titulos das postagens de acordo com a categoria */
  .w-index .BLOGGER   { background-color: rgba(255, 127, 42 , .6); }
  .w-index .PHOTOSHOP { background-color: rgba(108, 124, 249, .6); }
  .w-index .GIMP      { background-color: rgba(217, 35 , 14 , .6); }
  .w-index .TEMPLATE  { background-color: rgba(17 , 190, 12 , .6); }
  .w-index .GERAL     { background-color: rgba(200, 200, 200, .6); }

/* MOBILE BLOG
============================================================================= */
  .blog-status-msg {
    background: #00a4f0;
    margin-top: 2.143em;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: .875em;
  }

  .blog-status-msg a {
    text-decoration: underline;
    color: #fff;
    display: block;
  }

  .w-item {
    margin: 1.25em 0 0;
  }

  .w-post-info {
    font-size: .875em;
    text-align: ;
    margin-bottom: 2px;
  }

  .w-post-timestamp abbr[title] {
    border-bottom: none;
  }

  .w-post-author {
    float: right;
  }

  .w-post-title {
    background: #00a4f0;
    font-size: 1.5em;
    padding: 5px;
    color: #fff;
    margin: 0;
  }

  .w-item .w-post-body {
    position: relative;
    padding: 5px;
  }

  .w-item img {
    max-width: 100%;
  }

  .w-post-body .image-wrapper {
    text-align: center;
    margin: 1.5em 0;
  }

  .w-post-body .description {
    margin: 1em 0;
  }

  /* blog pager */
  #blog-pager {
    margin: 1.25em 0 0;
  }

  #blog-pager a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
  }

  .home-link {
    background: #00a4f0;
    width: 140px;
    padding: 5px 15px;
  }

  .blog-pager-newer-link {
    float: left;
    background: #00a4f0;
    padding: 5px 15px;
  }

  .blog-pager-older-link {
    float: right;
    padding: 5px 15px;
    background: #00a4f0;
  }

  #blog-pager .desktop-home-link {
    display: block;
    background: #000;
    margin: 1.25em 0 0;
    padding: 5px 0;
  }

  @media (max-width: 250px) {
    .w-post-author {
      float: none;
      display: block;
    }
  }

/* MOBILE BLOG HEADER
============================================================================= */
  .blog-title {
    background-image: url('../../img/logo-w200.jpg');
    background-repeat: no-repeat;
    font-size: 0;
    color: transparent;
    margin: 20px auto;
    padding: 0 0 0 -999px;
    width: 200px;
    height: 73px;
  }

/* MOBILE BLOG FOOTER
============================================================================= */
  #blog-footer {
    color: #fff;
    padding: 5px 0;
    background: #000;
  }

  /* section 1 */
  .nav-footer-inner {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    font-size: 1.25em;
  }

  .nav-footer-inner li {
    display: table-cell;
    width: 33.333%;
  }

  .nav-footer-inner a {
    display: block;
    font-weight: bold;
    text-align: center;
    padding: .6em 0;
    color: #fff;
  }

  /* section 2 */
  #footer-section-2 {
    font-size: .875em;
    text-align: center;
  }

  /* direitos */
  #direitos {
    clear: both;
    text-align: center;
    margin: .5em 0 0;
    font-size: .875em;
  }

/* MOBILE COMMENTS
============================================================================= */
  #comments {
    border-top: solid 2px #000;
    margin: 30px 0 0;
  }

  .comments .comment-block .user {
    display: block;
  }

  .comments .comment-block {
    background: #00a4f0;
    margin-left: 0;
    padding: 0;
  }

  .comment-actions,
  .comments .comments-content .comment-content {
    background: #fff;
    margin: 0;
    display: block;
    padding: 5px;
  }

  .comments .comments-content .comment-header {
    background: #00a4f0;
    color: #fff;
    padding: 5px;
    margin: 0 0 0 36px;
  }

  .comments .comment-header a {
    color: #fff;
    text-decoration: underline;
  }


  .comments .comments-content .datetime {
    margin-left: 0;
  }

  .comments .avatar-image-container {
    position: relative;
    z-index: 99;
    margin: 5px;
  }

  .comments .comments-content .inline-thread {
    padding: .5em 0 .5em 1em;
  }

/* MOBILE ERROR PAGE
============================================================================= */

/* NAVEGAÇÃO
============================================================================= */
  .mobile-nav-1,
  .mobile-nav-2 {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #fff;
  }

  .mobile-nav-1 {
    display: table;
    width: 100%
  }

  .mobile-nav-1 li {
    display: table-cell;
    text-align: center;
    width: 33.333%
  }

  .mobile-nav-1 a {
    display: block;
    font-weight: bold;
    padding: .6em 0;
    color: #fff;
  }

  .mobile-nav-2 li {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
  }

  .mobile-nav-2 a {
    display: block;
    font-weight: bold;
    padding: .6em 0;
    color: #fff;
    background: #333;
    margin: 3px;
  }

/* GERAL
============================================================================= */
  #blog-info {
    display: none;
  }

  body {
    font-family: Verdana, sans-serif;
    margin: 0;
    background: #000;
  }

  a {
    text-decoration: none;
    color: #00a4f0;
  }



  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: "Courier New";
  }

  tt, code, kbd, samp { font-family: "Courier New"; }

  pre code {
    max-width: 100%;
    display: block;
    padding: 0;
    border: none;
    margin: 0 auto;
  }

  code {
    background: #efefef;
    border: solid 1px #cfcfcf;
    padding: 0px 3px;
    border-radius: 3px;
  }

  code ol {
    background: #000;
    border: solid 1px #cfcfcf;
    margin: 0;
    padding: 0 0 0 45px;
  }

  code li {
    color: #fff;
    background: #fff;
    padding: 2px 7px;
    border-left: solid 4px #00A4F0;
    margin-left: 10px;
  }

  code li:nth-child(odd) {
    background: #efefef;
  }

  code li span {
    color: #000;
  }



  #blog-main-outer {
    background: #fff;
    border-top: solid 4px #00a4f0;
  }

  .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }